<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!{% endblock %}</title>
        {% block stylesheets %}
        {% stylesheets filter='cssrewrite'
            '@S3Sample1Bundle/Resources/public/css/*'
        %}
        <link rel="stylesheet" href="{{ asset_url }}" />
        {% endstylesheets %}
        {% endblock %}
        
        {% javascripts 
            '@S3Sample1Bundle/Resources/public/js/jquery.min.js'
            '@S3Sample1Bundle/Resources/public/js/jquery-ui-1.8.18.custom.min.js'
            '@S3Sample1Bundle/Resources/public/js/underscore.js'
            '@PunkAveFileUploaderBundle/Resources/public/js/jquery.fileupload.js'
            '@PunkAveFileUploaderBundle/Resources/public/js/FileUploader.js' %}
            <script src="{{ asset_url }}"></script>
        {% endjavascripts %}
    
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
        {% include 'S3Sample1Bundle::header.html.twig' with {'content': 'This is the header'}%}
        {% block body %}{% endblock %}        
        {% include 'S3Sample1Bundle::footer.html.twig' with {'content': 'This is the footer'}%}
        {% block javascripts %}
            {% javascripts '@S3Sample1Bundle/Resources/public/js/*' 
                    output='js/compiled/compress.js'
            %}
            <script type="text/javascript" src="{{ asset_url }}"></script>
            {% endjavascripts %}
        {% endblock %}
    </body>
</html>
